<template>
<div class="tltq">
	<themeHeader title="团来团趣"></themeHeader>
	<div class="content">
	  <div class="content-block">
	    <div class="buttons-row">
	      <a href="#tab1" class="tab-link active button">精品团</a>
	      <a href="#tab2" class="tab-link button">新人团</a>
	    </div>
	  </div>
	  <div class="tabs">
	    <div id="tab1" class="tab active">
	      <div class="content-block">
	        <!-- 卡片 -->
	         <div class="card demo-card-header-pic">
			    <div valign="bottom" class="card-header color-white no-border no-padding">
			      <img class='card-cover' src="http://img12.yiguoimg.com/e/albums/2016/161215/153403887558926735_608x284.jpg" alt="">
			    </div>
			    <div class="card-content">
			      <div class="card-content-inner">
			        <p class="color-gray">智利蓝莓 188元/12盒 包邮！（约125g/盒）</p>
			        <p>神奇能量之果，花青素小巨人</p>
			      </div>
			    </div>
			    <div class="card-footer">
			      <a href="#" class="link">开团</a>
			      <a href="#" class="link"> 市场价：<span> ￥399 </span></a>
			    </div>
			  </div>
	      </div>
	    </div>
	    <div id="tab2" class="tab">
	      <div class="content-block">
	        <div class="card demo-card-header-pic">
			    <div valign="bottom" class="card-header color-white no-border no-padding">
			      <img class='card-cover' src="http://img12.yiguoimg.com/e/albums/2017/170208/153403889008747080_608x284.jpg" alt="">
			    </div>
			    <div class="card-content">
			      <div class="card-content-inner">
			        <p class="color-gray">以色列葡萄柚 59.9元/10个 包邮！（约250g/个）</p>
			        <p>阳光以色列，孕育丰润甜</p>
			      </div>
			    </div>
			    <div class="card-footer">
			      <a href="#" class="link">开团</a>
			    </div>
			  </div>
	      </div>
	    </div>
	  </div>
	</div>
</div>
	

</template>
<style type="text/css">
	
</style>
<script type="text/javascript">
import ThemeHeader from "./themeHeader.vue";
	export default{
		data(){
			return{
			}
		
		},
		components:{
			ThemeHeader,
		}
		
	}
</script>